<template>
  <!-- 信息与通知 -->
  <section class="com-con">
    <div class="con-top">
      <topSelect cType="all" @getData="getData"></topSelect>
      <ul class="btn-list">
        <li>
          <span class="labelTit">信息类型</span>
          <el-select v-model="formInline.showType" placeholder="请选择">
            <el-option label="全部" value="all"></el-option>
            <el-option label="通知" value="beijing"></el-option>
            <el-option label="信息" value="beijing"></el-option>
          </el-select>
        </li>
      </ul>
      <el-button type="primary" icon="el-icon-plus" class="f-right">添加</el-button>
    </div>
    <div class="con-bottom">
      <el-table :data="tableData"
                stripe
                style="width: 100%">
        <el-table-column prop="date"
                         label="封面">
        </el-table-column>
        <el-table-column prop="name"
                         label="标题">
        </el-table-column>
        <el-table-column prop="address"
                         label="增加时间">
        </el-table-column>
        <el-table-column prop="address"
                         label="状态">
        </el-table-column>
        <el-table-column label="操作" width="320">
          <el-button type="warning" size="mini">编辑</el-button>
          <el-button type="success" size="mini">预览</el-button>
          <el-button type="success" size="mini">弹出预览</el-button>
          <el-button type="danger" size="mini">删除</el-button>
        </el-table-column>

      </el-table>
    </div>
  </section>
</template>

<script>
  import topSelect from "@common/topSelect" //顶部筛选条件
export default {
  name: '',
  msg:"信息与通知",
  data() {
    return {
      formInline: {
        user: '',
        region: '',
        showType:"all"
      },
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        },
        {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        },
        {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        },
        {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }
      ]
    }
  },
  methods: {
    getData(params) {

    }
  },
  components: {
    topSelect
  }
}
</script>

<style lang="" scoped>
</style>
